diff --git a/app/preprints/-components/preprint-abstract/component.ts b/app/preprints/-components/preprint-abstract/component.ts
deleted file mode 100644
index c94e98586ec..00000000000
--- a/app/preprints/-components/preprint-abstract/component.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { action } from '@ember/object';
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import PreprintModel from 'ember-osf-web/models/preprint';
-
-interface InputArgs {
-    preprint: PreprintModel;
-}
-
-export default class PreprintAbstract extends Component<InputArgs> {
-    preprint = this.args.preprint;
-
-    @tracked expandedAbstract =  navigator.userAgent.includes('Prerender');
-
-    get hasShortenedDescription(): boolean {
-        return this.preprint.description !== undefined && this.preprint.description.length > 350;
-    }
-
-    private get useShortenedDescription(): boolean {
-        return this.hasShortenedDescription && !this.expandedAbstract;
-    }
-
-    /**
-     * description
-     *
-     * @description Get a shortened version of the abstract, but doesn't cut in the middle of word
-     *      by going to the last space.
-     * @returns string
-     */
-    public get description(): string {
-        if (this.useShortenedDescription) {
-            return this.preprint.description
-                .slice(0, 350)
-                .replace(/\s+\S*$/, '');
-        } else {
-            return this.preprint.description;
-        }
-    }
-
-    @action
-    public expandAbstract() {
-        this.expandedAbstract = !this.expandedAbstract;
-    }
-}
diff --git a/app/preprints/-components/preprint-abstract/template.hbs b/app/preprints/-components/preprint-abstract/template.hbs
index feed7cda1a5..f4a1eb5ecdd 100644
--- a/app/preprints/-components/preprint-abstract/template.hbs
+++ b/app/preprints/-components/preprint-abstract/template.hbs
@@ -1,17 +1,6 @@
 <div>
     <h4>{{t 'preprints.detail.abstract'}}</h4>
-    <p local-class='{{and (not this.expandedAbstract) this.hasShortenedDescription 'abstract-truncated'}}'>
-        {{this.description}}
-    </p>
-    {{#if this.hasShortenedDescription}}
-        <Button
-            data-test-toggle-abstract
-            data-analytics-name='Expand Abstract'
-            {{on 'click' (action this.expandAbstract)}}
-            aria-label={{if this.expandedAbstract (t 'preprints.detail.see_less') ( t 'preprints.detail.see_more')}}
-            @type='default'
-        >
-            {{~t (if this.expandedAbstract 'preprints.detail.see_less' 'preprints.detail.see_more')~}}
-        </Button>
-    {{/if}}
+    <ExpandablePreview @height='50'>
+        {{@preprint.description}}
+    </ExpandablePreview>
 </div>
\ No newline at end of file